<template>
<div>
    <h2>我是Home组件的内容</h2>
    <ul class="nav nav-tabs">
        <li>
            <router-link class ="list-group-item" active-class ="active" to="/home/news">News</router-link>
        </li>
        <li>
            <router-link class ="list-group-item" active-class ="active" to="/home/message">Message</router-link>
        </li>
    </ul>
    <!-- 展示区 -->
    <!-- keep-alive路由缓存，即防止组件被销毁 -->
    <!-- :include="['News','Message'] 指定那个组件一直保持缓存 -->
    <div>
        <keep-alive :include="['News','Message']">
        <router-view></router-view>
         </keep-alive>
    </div>
</div>
</template>

<script>
  export default {
      name:'Home'
  }
</script>
